<template>
  <div class="about">
        <AppleSeach></AppleSeach>
        <AppleBanner></AppleBanner>
        <AppleMenu></AppleMenu>
        <AppleNewShop></AppleNewShop>
        <AppleRecommend></AppleRecommend>
        <AppleTable :home="home"></AppleTable>
    </div>
</template>
<script>
import AppleSeach from "../components/HomeView/AppleSeach.vue";
import AppleBanner from "../components/HomeView/AppleBanner.vue";
import AppleMenu from "../components/HomeView/AppleMenu.vue";
import AppleNewShop from "../components/HomeView/AppleNewShop.vue";
import AppleRecommend from "../components/HomeView/AppleRecommend.vue";
import AppleTable from '../components/HomeView/AppleTabar.vue'
export default {
  components: {
    AppleSeach,
    AppleBanner,
    AppleMenu,
    AppleNewShop,
    AppleRecommend,
    AppleTable
  },
  data(){
    return{
      home:true
    }
  }
};
</script>
